<template>
	<view class="container">
		<uni-list>
			<uni-list-item :rightText="item.phone" v-for="item in list" link @click="to(item)" :title="item.title">
			</uni-list-item>
		</uni-list>
		<uni-card title="服务记录" style="margin-top: 10px;">
			<view v-for="(item,index) in 10" :key="index">
				<view class="item" style="font-size: 15px;">水管爆了</view>
				<view class="item" style="color: #737373;">描述：我家在1单元1楼 1-1</view>
				<view class="item" style="display: flex;justify-content: space-between;margin-top: 5px;">
					<view class="">处理状态：<text style="color: #4CD964;font-size: 16px;">已处理</text> </view>
					<view class="">处理时间：
						<uni-dateformat />
					</view>
				</view>
				<view class="line"></view>
			</view>
		</uni-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						title: "物业服务中心",
						phone: "111111"
					},
					{
						title: "停车位服务中心",
						phone: "222222"
					},
					{
						title: "24小时值班热线",
						phone: "333333"
					},
					{
						title: "报修电话",
						phone: "444444"
					},
					{
						title: "便民服务",
						phone: "555555"
					}
				]
			};
		},
		onLoad(item) {

		},
		onReady() {

		},
		onShow() {

		},
		methods: {
			to(item) {
				uni.navigateTo({
					url: 'detail/detail?data=' + JSON.stringify(item),
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	};
</script>

<style lang="scss">

</style>
